<template>
  <div>
    <mtHeader
      fixed
      :title=title
      style="background: linear-gradient(0deg, #399f00, #26701a);height:1rem"
    >
        <div class="header-left iconfont" slot="left" @click="$router.back(-1)">&#xe623;</div>
    </mtHeader>
    <div class="container">
      <Comment :commentList="commentList"  @showReply="showReply"></Comment>
    </div>
  </div>
</template>
<script>
import { Header} from "mint-ui";
import Comment from "../../components/CommentDetails";
export default {
  name: "WonderfulCommentary",
  components: {
    mtHeader: Header,
    Comment,
  },
  data: function() {
    return {
      title: "精彩评论",
      showMask:false,
      commentList: [
        {
          reply: "188",
          userName: "刘希依9527",
          date: "十分钟前",
          imgUrl: "/static/img/header.png",
          zanNum: 178,
          content:
            "今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定"
        },
        {
          userName: "刘希依9527",
          date: "十分钟前",
          imgUrl: "/static/img/header.png",
          content:
            "今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定",
          videoUrl: "dff",
          zanNum: 177,
          plNum: 103,
          fxNum: 17,
          title: "国际米兰"
        },
        {
          userName: "刘希依9527",
          date: "十分钟前",
          imgUrl: "/static/img/header.png",
          content:
            "今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定",
          videoUrl: "dd",
          zanNum: 177,
          plNum: 103,
          fxNum: 17
        },
        {
          userName: "刘希依9527",
          date: "十分钟前",
          imgUrl: "/static/img/header.png",
          content:
            "今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定今天天气真好，国际米兰又想要赢球，但是没什么机会啊，得加油，努努力多赢点球好吃饭去，内容不限制字数，但是最多显示三行，多少字符开发定",
          videoUrl: "dd",
          zanNum: 177,
          plNum: 103,
          fxNum: 17
        }
      ]
    };
  },
  methods: {
    showReply(msg){
      console.log(msg)
      this.showMask=msg
    },
  }
};
</script>
<style lang="less" scoped>
img{
  width: 100%;
  height: 100%;
}
.header-left {
  font-size: 0.5rem;
}
.container{
    position: relative;
    margin-top: 1rem;
    width: 100%;
    
}

</style>